<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>西施e校通</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
    <div class="banner"></div>
    <div class="jumbotron">
        <center>
            <h3><span class="glyphicon glyphicon-star" aria-hidden="true"></span>西施e校通</h3>
        </center>
    </div>

    <!--电脑端页面-->
    <div class="container">

    </div>
    <!--手机端页面-->
    <div class="container">
        
            <div class="center">
                    <table class="table table-striped table-bordered">
                            <tr>  
                                 <th class="text-center"><h4><strong>网站</strong></h4></th>
                                 <th class="text-center"><h4><strong>账号</strong></h4></th>
                                 <th class="text-center"><h4><strong>初始密码</strong></h4></th>
                                 </tr>
                             <tr>
                            <tr>  
                             <th class="text-center">网络报修</th>
                             <th class="text-center">学号</th>
                             <th class="text-center"> 123456</th>
                             </tr>
                             <tr>
                                 <th class="text-center">计财处缴费</th>
                                 <th class="text-center">学号</th>
                                 <th class="text-center"> 身份证后6位</th>
                            </tr>
                            <tr>
                                    <th class="text-center">图书馆查询</th>
                                    <th class="text-center">借阅证号码</th>
                                    <th class="text-center">条形码数字</th>    
                            </tr>                            
                            <tr>
                                    <th class="text-center">饭卡挂失</th>
                                    <th class="text-center">身份证号码</th>
                                    <th class="text-center">123456</th>
                            </tr>
                             <tr>
                                <th class="text-center">成绩查询</th>
                                <th class="text-center">学号</th>
                                <th class="text-center">123456</th>
                            </tr>
                    </table>
        </div>
        <footer><center>@西华师范大学易班学生工作站</center></footer>
    </div>
    </div>
    <div >
        <table>
                <div >
                       
                    </div>

        </table>


    </div>
</body>
<script src="js/bootstrap.min.js"></script>

</html>